<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="author" content="244633487#qq.com">
    <meta name="description" content="Will的个人网站">
    <link rel="shortcut icon" href="https://cdn.wmada.com/favicon.ico">
    <title>Welcome to Visit!</title>

    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            min-width: 315px;
            font-family: 思源黑体, 微软雅黑, 苹方, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            display: flex;
            flex-direction: column;
        }

        main {
            display: block;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            flex-basis: auto;
            overflow: auto;
            box-sizing: border-box;
            padding: 20px;
        }

        footer {
            position: static;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            background-color: #2c2c32;
            text-align: left;
        }

        header > *, main > *, footer > * {
            max-width: 960px;
            margin: 0 auto;
        }

        .main-content {
            display: flex;
            width: 100%;
            height: 100%;
            max-height: 480px;
        }

        .error {
            flex-direction: column;
            align-items: center;
            margin: auto;
            text-align: center;
        }

        .footer-content {
            padding: 12px 0;
            color: #999;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            line-height: 28px;
        }

        .icp {
            position: relative;
        }
    </style>
</head>
<body>
<main>
    <div class="main-content">
        <div class="error">
            <h1>500 System Error.</h1>
            <h3>系统出了点问题.</h3>
        </div>
    </div>
</main>
<footer>
    <div class="footer-content">
        <span class="icp">2020 &copy; Will.Ma</span>
    </div>
</footer>
</body>
</html>